<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <script>
        // 运算符，三元表达式，循环和鸿蒙中一模一样

        // 遍历对象可以使用 forin
        const cat = {
            name: '狸花猫',
            food: '什么都吃',
            color: '花色',
            friend: ['花姐', '柯基'],
        }

        // forin 可以用来遍历对象，获取属性名，进而获取属性值
        // key 属性名
        // in 固定
        // object 对象
        for (const key in cat) {
            // 可以通过 key 获取属性名
            console.log('key:', key)
                // 获取属性值
                // .key 访问一个叫做 key 的属性
                // console.log(cat.key)
                // 通过中括号来取值,key会解析为标量的值
            console.log(cat[key])
        }
    </script>
</body>

</html>